<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>cc
	<body>
		<!--
		form标签。默认method=GET，点击submit按钮时。会把表单数据提交到url中
		-->
		<form method="post">
			姓名：<input type="text" name="name" id="txtName" value="香港名" /> 
			
			年龄: <input type="text" name="age" id="txtAge" value="0" />
			<!--input button  type为submit时点击会把表单内元素中用户输入的值提交到form标签的action属性-->
			<input type="submit" value="提交" />
			<input type="button" value="点击" id="btn1" onclick="postData()" />
			
			<!--button默 认为submit.若不需要作为提交按钮。一般要设置type=button-->
			<button type="button" id="btn2">buton的点击</button>
		</form>
		<script type="text/javascript">
			// 设置onclick绑定函数时指定函数名称即可
			document.getElementById('btn2').onclick = postData;
			function postData(){
				var name = document.getElementById("txtName").value;
				var age = document.getElementById('txtAge').value;
				if(name.trim() == ""){
					alert("请输入正确的姓名");
					return;
				}
				// age.trim() == "" 判断用户输入空格或未输入的情况
				// isNaN(age) 判断用户输入的值不是数字
				// age < 0 用于判断用户输入的值不能小于0
				if(age.trim() == "" || isNaN(age) || age < 0){
					alert("请输入正确的年龄");
					return;
				}
				
				if(age >= 0 && age < 18){
					alert("少年你还小");
				}else if(age >= 18 && age < 28){
					alert("蹉跎错。消磨过。最是光阴化浮沫");
				}else if(age >= 28 && age < 70){
					alert("欲说还休");
				}else if(age >= 70 && age <= 150){
					alert("乐呵一天是一天");
				}else{
					alert("王八？");
				}
			}
		</script>
	</body>
</html>
